body { padding:0px; margin:0px;background: #fff;}

.text-big { font-size:30px;}

#topnav { padding: 0 0px; }
#topnav .navbar-toggle span {background-color:#fff; }
.navigation-menu > li > a {
    padding: 7px 14px 2px 7px;
}
.txtbox b { font-weight:bold; color:#000;}
.card-custom {margin-bottom: 8px;}

.navigation-menu > li > a {
    font-size: 13px!important;
}
.bg-light1 {
    background-color: #d5d5d5 !important;
}

.card-body { padding: 0.5rem!important;}
.form-group { margin-bottom: 0.1rem;}

.leftside .form-control-sm {
    height: calc(1.3em + 0.56rem + 2px);
    font-size: .85rem;
}
.leftside label { margin:0px;}
.footer { position: inherit;}
.card-header { padding: 0.25rem 1.5rem;}
.card-title { margin-bottom: 0.1rem; padding: 0.15rem;}
.mt-custom { margin-top: 32%;}
.tab-content { padding: 20px; border: 1px solid #dee2e6; }
.txticon { margin-left:0.7rem!important; margin-bottom:0!important;}

@media only screen and (max-width: 600px) {
  .mt-custom { margin-top: 2%; text-align:center;}
  .txticon { margin-left:0rem!important; margin-bottom:0.5rem!important;}
}
body[data-layout=horizontal] .content-page { margin-top: 120px;}
.navigation-menu > li > a { color: #000;}
#topnav .has-submenu.active .submenu li.active > a { color: #188ae2; font-weight: 500;}

.monitoring { float:right; }
.monitoring ul { margin:0px; padding:0px; list-style:none;}
.monitoring ul li {  float: left;  padding:9px 7px;  font-weight: bold; font-size: 13px; margin-right:5px; }
.monitoring ul li.last {margin:0px;}
.navigation-menu > li > a { line-height: 30px; }
.livefilter {
    background-color: #ff9800;
}

.livetops {
    margin-top:5px;
    margin-left:5px;
}

.livetops input{
    margin-right: 5px;
    width:50%!important;
}



.monitoring ul li:nth-child(1) { background-color: white; color: black;}
.monitoring ul li:nth-child(2) { background-color: white; color: black;}
.monitoring ul li:nth-child(3) { background-color: white; color: black;}
.monitoring ul li:nth-child(4) { background-color: white; color: black;}
.monitoring ul li:nth-child(5) { background-color: white; color: black;}
.monitoring ul li:nth-child(6) { background-color: white; color: black;}
.monitoring ul li:nth-child(7) { background-color: white; color: black;}
.monitoring ul li:nth-child(8) { background-color:white; color:black;}
.monitoring ul li:nth-child(9) { background-color: white; color: black;}
.monitoring ul li:nth-child(10) {
    background-color: white;
    color: black;
}
.monitoring ul li:nth-child(11) {
    background-color: white;
    color: black;
}
.monitoring ul li label.maintext {position:relative; top:-5px; width:20px; height:20px;  font-size:10px; text-align:center; line-height:20px; border-radius:100px;}
.monitoring ul li label.LoginTop {
    background: #fff8f8;
    color: black;
    border: 1px solid;
}
.monitoring ul li label.Free { background:#6fe188; color:#000;}
.monitoring ul li label.Ringing { background:#ff5e00de; color:#000;}
.monitoring ul li label.Busy { background:#f5707a; color:White;}
.monitoring ul li label.Dialing { background:#f5707a; color:White;}
.monitoring ul li label.Submit { background:#FFFF00; color:#000;}
.monitoring ul li label.WrapUp { background:#FFFF00; color:#000;}
.monitoring ul li label.Break { background:#564ab1; color:White;}
.monitoring ul li label.Queue  { background:#000; color:White;}
.monitoring ul li label.InvalidPhone { background:#000; color:White;}
.monitoring ul li label.Hold { background:#000; color:White;}
.monitoring ul li label.Unavailable {
    background: #564ab1;
    color: White;
}
.card-body2 { padding: 0 !important;}
.card-box { padding: 0.5rem;}
.btn-xs { padding: 0.2rem 0.5rem;}
.card { margin-bottom: 15px;}
#wrappeexpand { background-color:white;}


/* #wrappeexpand .content-page {
    margin-top: 31px;
}*/




.table td, .table th {
    padding: 0.25rem;
}


.AriaSmbtn{
    padding:0 5px;
    color:white;
    font-weight:bold;
}


.bg-custom {
    background-color: #d3d3d3 !important;
}

.card-header-new {
    background: #292847 !important;
}





option:checked {
    background-color: #258fe9 !important;
    color:white;
}

.btn-xs1 {
    padding: 0.4rem 0.5rem;
}
.image-upload {
    border: 1px solid rgba(145, 158, 171, 0.32);
    position: relative;
    margin-bottom: 35px;
    border-radius: 5px;
}
    .image-upload input[type=file] {
        width: 100%;
        opacity: 0;
        height: 213px;
        position: relative;
        z-index: 9;
        cursor: pointer;
    }
    .image-upload .image-uploads {
        text-align: center;
        width: 100%;
        padding: 20px 0;
        border-radius: 5px;
        position: absolute;
        top: 0;
    }
        .image-upload .image-uploads h4 {
            font-size: 14px;
            font-weight: 500;
            color: #212B36;
        }




 .livepage {
    margin-top: 14px !important;
}



div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
    padding: 4px;
    color: black;
    text-transform:capitalize;
    font-weight: 500;
}
label {
    font-weight: 600;
    font-size: 13px;
    color: #545454;
}


.cardLive {
    margin-bottom: 15px;
    background: #dfdfdf;
}



.AriaSmbtnFree {
    padding: 0 5px;
    width: 100%;
    color: white;
    font-weight: bold;
}
.AriaSmbtnRinging {
    padding: 0 5px;
    width: 100%;
    color: white;
    font-weight: bold;
}
.AriaSmbtnBusy {
    padding: 0 5px;
    width: 100%;
    color: white;
    font-weight: bold;
}
.AriaSmbtnWrap {
    padding: 0 5px;
    width: 100%;
    color: white;
    font-weight: bold;
}
.AriaSmbtnBreak {
    padding: 0 5px;
    width: 100%;
    color: white;
    font-weight: bold;
}

.AriaSmbtnHold {
    padding: 0 5px;
    width: 100%;
    color: white;
    font-weight: bold;
}






.main_container__1GGJE {
    left:15px!important;
}


















@media only screen and (max-width: 600px) {
    .duratn {
        width: 100% !important;
        padding: 0 0px 0 12px;
    }
}


.duratn {padding: 0 0px 0 12px;}

.formfirstdiv {
    border: 1px solid #7DCCDD;
    border-radius: 5px;
    padding: 10px;
    background: #F9FCFF;
    margin-bottom: 10px;
}






/*table.jtable {
    display: block;
    overflow: scroll;
    white-space: nowrap;
    overflow: scroll;
    height: 450px;
}*/

table.jtable {
    display: block;
    white-space: nowrap;
    display: inline-table;
}

    table.jtable td {
        text-align: center;
    }

div.jtable-main-container > table.jtable > thead th {
    text-align: center !important;
}


div.jtable-main-container > div.jtable-title div.jtable-title-text {
    font-size: 18px !important;
    line-height: 26px !important;
}




.table-wrapper { overflow:scroll;height:550px}





  .jtable-title {
        display: inline-block!important;
        width:100%;
    }
.audiodiv {
    height: 42px;
}










/*Chat*******************************************************************/




.app {
    position: relative;
    overflow: hidden;
    top: 19px;
    height: calc(100% - 38px);
    margin: auto;
    padding: 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);
}

.app-one {
    background-color: #f7f7f7;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);
}

.side {
    padding: 0;
    margin: 0;
    height: 550px;
}

.side-one {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    position: relative;
    display: block;
    top: 0;
}

.side-two {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    position: relative;
    top: -100%;
    left: -100%;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
}


.heading {
    padding: 10px 16px 10px 15px;
    margin: 0;
    height: 60px;
    width: 100%;
    background-color: #002f70;
    z-index: 1000;
}

.heading-avatar {
    padding: 0;
    cursor: pointer;
}

.heading-avatar-icon img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.heading-name {
    padding: 0 !important;
    cursor: pointer;
    color: white;
}

.heading-name-meta {
    font-weight: 700;
    font-size: 100%;
    padding: 5px;
    padding-bottom: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    display: block;
}

.heading-online {
    display: none;
    padding: 0 5px;
    font-size: 12px;
    color: #93918f;
}

.heading-compose {
    padding: 0;
}

    .heading-compose i {
        text-align: center;
        padding: 5px;
        color: #93918f;
        cursor: pointer;
    }

.heading-dot {
    padding: 0;
    margin-left: 10px;
}

    .heading-dot i {
        text-align: right;
        padding: 5px;
        color: #93918f;
        cursor: pointer;
    }

.searchBox {
    padding: 0 !important;
    margin: 0 !important;
    height: 60px;
    width: 100%;
}

.searchBox-inner {
    height: 100%;
    width: 100%;
    padding: 10px !important;
    background-color: #fbfbfb;
}


    /*#searchBox-inner input {
  box-shadow: none;
}*/

    .searchBox-inner input:focus {
        outline: none;
        border: none;
        box-shadow: none;
    }

.sideBar {
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff;
    overflow-y: auto;
    border: 1px solid #f7f7f7;
}

.sideBar-body {
    position: relative;
    padding: 4px !important;
    border-bottom: 1px solid #f7f7f7;
    height: 50px;
    margin: 0 !important;
    cursor: pointer;
    width: 100%;
    background-color: #002f70;
}

    .sideBar-body:hover {
        background-color: #36404e;
    }

    


    

.sideBar-avatar {
    text-align: center;
    padding: 0 !important;
}

.avatar-icon img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.sideBar-main {
    padding: 0 !important;
}

    .sideBar-main .row {
        padding: 0 !important;
        margin: 0 !important;
    }



.name-meta {
    font-size: 100%;
    padding: 1% !important;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}

.sideBar-time {
    padding: 10px !important;
}

.time-meta {
    text-align: right;
    font-size: 12px;
    padding: 1% !important;
    color: #fff;
    vertical-align: baseline;
}

/*New Message*/

.newMessage {
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
    position: relative;
    left: -100%;
}

.newMessage-heading {
    padding: 10px 16px 10px 15px !important;
    margin: 0 !important;
    height: 100px;
    width: 100%;
    background-color: #00bfa5;
    z-index: 1001;
}

.newMessage-main {
    padding: 10px 16px 0 15px !important;
    margin: 0 !important;
    height: 60px;
    margin-top: 30px !important;
    width: 100%;
    z-index: 1001;
    color: #fff;
}

.newMessage-title {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 5px !important;
}

.newMessage-back {
    text-align: center;
    vertical-align: baseline;
    padding: 12px 5px !important;
    display: block;
    cursor: pointer;
}

    .newMessage-back i {
        margin: auto !important;
    }

.composeBox {
    padding: 0 !important;
    margin: 0 !important;
    height: 60px;
    width: 100%;
}

.composeBox-inner {
    height: 100%;
    width: 100%;
    padding: 10px !important;
    background-color: #fbfbfb;
}

    .composeBox-inner input:focus {
        outline: none;
        border: none;
        box-shadow: none;
    }

.compose-sideBar {
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff;
    overflow-y: auto;
    border: 1px solid #f7f7f7;
    height: calc(100% - 160px);
}

/*Conversation*/

.conversation {
    padding: 0 !important;
    margin: 0 !important;
    
    /*width: 100%;*/
    border-left: 1px solid rgba(0, 0, 0, .08);
    /*overflow-y: auto;*/
   
    background-color: #fff;
}

.chatehit {
    height: 400px;
    width: 100%;
}

.message {
    padding: 0 !important;
    margin: 0 !important;
    background: url("w.jpg") no-repeat fixed center;
    background-size: cover;
    overflow-y: auto;
    border: 1px solid #f7f7f7;
}

.message-previous {
    margin: 0 !important;
    padding: 0 !important;
    height: auto;
    width: 100%;
}

.previous {
    font-size: 15px;
    text-align: center;
    padding: 10px !important;
    cursor: pointer;
}

    .previous a {
        text-decoration: none;
        font-weight: 700;
    }

.message-body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: auto;
}

.message-main-receiver {
    /*padding: 10px 20px;*/
    max-width: 100%;
}

.message-main-sender {
  
    max-width: 100%;
}

.message-text {
    margin: 0 !important;
    padding: 5px !important;
    word-wrap: break-word;
    font-size: 14px;
    padding-bottom: 0 !important;
    float:left;
}

.message-text-sender {
  color:#000!important;
}
.message-time-sender {
    color: #000!important;
}




.message-time {
    margin: 0 !important;
    margin-left: 50px !important;
    font-size: 12px;
    text-align: right;
    color: #fff;
}

.receiver {
    width: 100% !important;
    padding: 4px !important;
    border-radius: 5px;
    background: #858d86;
    font-weight: 900 !important;
    color: white;
    margin-top: 5px;
    font-size: 14px !important;
    word-wrap: break-word;
    display: inline-block;
}

.sender {
    float: right;
    width: 100% !important;
    background: #dcf8c6;
    border-radius: 5px;
    padding: 3px !important;
    font-size: 12px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    display: inline-block;
    word-wrap: break-word;
    margin-top:5px;
}

/*Reply*/
.reply {
    height: 60px;
    width: 100%;
    background-color: #f5f1ee;
    padding: 10px 5px 10px 5px !important;
    margin: 0 !important;
    z-index: 1000;
}

.reply-emojis {
    padding: 5px !important;
}

    .reply-emojis i {
        text-align: center;
        padding: 5px 5px 5px 5px !important;
        color: #93918f;
        cursor: pointer;
    }

.reply-recording {
    padding: 5px !important;
}

    .reply-recording i {
        text-align: center;
        padding: 5px !important;
        color: #93918f;
        cursor: pointer;
    }

.reply-send {
    padding: 5px !important;
}

    .reply-send i {
        text-align: center;
        padding: 5px !important;
        color: #93918f;
        cursor: pointer;
    }

.reply-main {
    padding: 2px 5px !important;
}

    .reply-main textarea {
        width: 100%;
        resize: none;
        overflow: hidden;
        padding: 5px !important;
        outline: none;
        border: none;
        text-indent: 5px;
        box-shadow: none;
        height: 100%;
        font-size: 16px;
    }

        .reply-main textarea:focus {
            outline: none;
            border: none;
            text-indent: 5px;
            box-shadow: none;
        }

@media screen and (max-width: 700px) {
    .app {
        top: 0;
        height: 100%;
    }

    .heading {
        height: 70px;
        background-color: #009688;
    }

    .fa-2x {
        font-size: 2.3em !important;
    }

    .heading-avatar {
        padding: 0 !important;
    }

    .heading-avatar-icon img {
        height: 50px;
        width: 50px;
    }

    .heading-compose {
        padding: 5px !important;
    }

        .heading-compose i {
            color: #fff;
            cursor: pointer;
        }

    .heading-dot {
        padding: 5px !important;
        margin-left: 10px !important;
    }

        .heading-dot i {
            color: #fff;
            cursor: pointer;
        }

    .sideBar {
        height: calc(100% - 130px);
    }

    .sideBar-body {
        height: 80px;
    }

    .sideBar-avatar {
        text-align: left;
        padding: 0 8px !important;
    }

    .avatar-icon img {
        height: 55px;
        width: 55px;
    }

    .sideBar-main {
        padding: 0 !important;
    }

        .sideBar-main .row {
            padding: 0 !important;
            margin: 0 !important;
        }

    .sideBar-name {
        padding: 10px 5px !important;
    }

    .name-meta {
        font-size: 16px;
        padding: 5% !important;
    }

    .sideBar-time {
        padding: 10px !important;
    }

    .time-meta {
        text-align: right;
        font-size: 14px;
        padding: 4% !important;
        color: rgba(0, 0, 0, .4);
        vertical-align: baseline;
    }
    /*Conversation*/
    .conversation {
        padding: 0 !important;
        margin: 0 !important;
        height: 100%;
        /*width: 100%;*/
        border-left: 1px solid rgba(0, 0, 0, .08);
        /*overflow-y: auto;*/
    }

    .message {
        height: calc(100% - 140px);
    }

    .reply {
        height: 70px;
    }

    .reply-emojis {
        padding: 5px 0 !important;
    }

        .reply-emojis i {
            padding: 5px 2px !important;
            font-size: 1.8em !important;
        }

    .reply-main {
        padding: 2px 8px !important;
    }

        .reply-main textarea {
            padding: 8px !important;
            font-size: 18px;
        }

    .reply-recording {
        padding: 5px 0 !important;
    }

        .reply-recording i {
            padding: 5px 0 !important;
            font-size: 1.8em !important;
        }

    .reply-send {
        padding: 5px 0 !important;
    }

        .reply-send i {
            padding: 5px 2px 5px 0 !important;
            font-size: 1.8em !important;
        }
}


.pstrelative { position:relative;}
.pstabsolute {
    position: absolute;
    top: -6px;
    right: 0;
    height: 0;
}
.pstabsolute img {
    width: 15px;
    height: 15px;
}


.image-previewer {
    height: 100px;
    width: 100px;
    display: flex;
    border-radius: 100px;
    border: 1px solid lightgrey;
}


.time-meta {
    color: white;
    float:right;
}

@media only screen and (max-width: 600px) {
.sideBar-body {
height: auto;
}
.sideBar {
height: auto;
}
.time-meta {
color: white;
}   

}

.scrollarea { height:450px; overflow-y:scroll; overflow-x:hidden;}
#doughnutChart { height:420px!important; width:100%;}

.custom-select {
    width: 211px!important;
    height: calc(1em + 0.9rem + 2px)!important;
}

.multiselect-container {
    overflow-y: scroll !important;
    height: 250px !important;
}


.gridprofileimage{
    width:25px;
    height:25px;
    border-radius:100px;
}


#test {
    width: 100%;
    height: 100%;
}

    #test .table td, .table th {
       
        vertical-align: middle!important;
       
    }



.version {

    color: #dee5eb!important;

}















.bg-color01 {
    background-color: #370985;
    padding: 10px;
}

.text-dark {
    color: #000000 !important;
}

.montharea {
    width: 100%;
    float: left;
}

    .montharea ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .montharea li {
        background-color: #fff;
        color: #000;
        padding: 5px 9px;
        float: left;
        margin: 0 5px 5px 0;
        width: 29%;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
    }

        .montharea li a {
            color: #000;
        }

.disarea {
    width: 100%;
    float: left;
}

    .disarea ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .disarea li {
        background-color: #fff;
        color: #000;
        padding: 5px 10px;
        float: left;
        margin: 0 0 5px 0;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
    }


.dashboardvist .card-body {
    min-height: 125px;
}

@media only screen and (max-width: 600px) {
    .dashboardvist .card-body {
        min-height: auto;
    }

    .montharea li {
        width: 45%;
    }
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    width: 194px;
}



#LogoutModel .form-control-sm {
    height: calc(1.3em + 0.56rem + 2px);
    font-size: .85rem;
}

.check_area {
    /* float: left; */
    text-align: justify;
    width: 100%;
    margin: 0 80px auto;
    display: block;
}

.bg-secondary {
    background-color: #292847 !important
}

/*.magent select.form-control[multiple], select.form-control[size] {
    height: 27px;
}
*/


/* Basic Styles */
#navigation {
    position: relative;
}

.navigation-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
}

    .navigation-menu li {
        position: relative;
    }

    .navigation-menu a {
        padding: 10px;
        text-decoration: none;
        display: block;
    }

/* Responsive Styles */
.menu-toggle {
    display: none;
    color: #000000;
    padding: 10px;
    border: none;
    font-size: 26px;
}

@media (max-width: 768px) {
    .navigation-menu {
        display: none;
        flex-direction: column;
    }

        .navigation-menu li a {
            color: white;
            padding: 15px;
            border-top: 1px solid #444;
        }

    .menu-toggle {
        display: block;
        cursor: pointer;
        width: 100%;
        text-align: center;
    }

    .navigation-menu.show {
        display: flex;
    }

    body[data-layout=horizontal] .content-page {
        margin-top: 150px;
    }
}

#topnav .navigation-menu > li > a {color:#000!important;     }

.error {
    color: red;
    font-size: 0.9em;
}

.success {
    color: green;
    font-size: 0.9em;
}

.col-xl-2 #datepicker {
    font-size: 10px; /* Adjust font size to fit */
}

.col-xl-2 .ui-datepicker {
    width: 100%; /* Ensures the calendar fits within the column */
}

.col-xl-2 .ui-datepicker-title {
    font-size: 12px; /* Smaller font for the title */
    text-align: center;
}

.col-xl-2 .ui-datepicker-calendar {
    width: 100%; /* Fit the table inside the column */
}

.col-xl-2 .ui-datepicker-header {
    font-size: 12px; /* Reduce font size of the header */
    padding: 5px; /* Adjust padding */
}

.btn_cls {
    color: #fff;
    opacity: 9;
    font-size: 30px;
}
div#leadSummaryBody thead tr {
    background-color: gray!important;
    color: white!important;
}


div#leadSummaryBody table tr:nth-child(even) {
    background-color: #ecf7ff;
    color: black;
    font-weight: 300;
}

div#leadSummaryBody table tr:nth-child(odd) {
    background-color: #b2d8f5;
    color: black;
    font-weight: 300;
}


#btnSetFormat {
    height: 28px;
}


#recordFormatPanel {
    display: none;
    position: absolute;
    bottom: 100%;
    z-index: 1000;
    width: 100%;
}

.dashboard {
    display: flex; /* Enables a flexible layout */
    flex-wrap: wrap; /* Allows items to wrap to the next line if necessary */
    gap: 10px; /* Spacing between cards */
    justify-content: center; /* Centers the cards horizontally */
    background-color: #f4f4f9; /* Optional: Matches the background with the overall page theme */
}

.channel-card {
    width: 110px;
    height: 80px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .channel-card.busy {
        background-color: #f5707a;
    }

    .channel-card.free {
        background-color: #469d59;
    }

    .channel-card.ringing {
        background-color: #1814e1de;
        color: #fff;
    }





#wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.content-page {
    flex: 1;
}

footer.footer {
    background: #f8f9fa;
    padding: 10px 20px;
    text-align: center;
}

.footer {
    position: absolute !important;
}


.bulkDownloadtable th {
    background-color: #4e4e4e;
    color: white;
    padding: 5px 40px 5px 15px;
}


div#UploadLeadDiv ul li {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-weight: 600;
    margin-bottom: 6px;
}
.text_1 {
    color: #fff;
    background: #022652;
    width: 49%;
    text-align: left;
    padding: 6px 10px 6px 10px;
}
div#UploadLeadDiv {
    border: 2px solid #000;
    padding: 10px;
    margin: 7px;
    padding-bottom: 0;
}
.topsp {
    margin-top: 5%;
}
.text_2 {
    color: #fff;
    background: #022652;
    text-align: left;
    padding: 6px 10px 6px 10px;
    width: 49%;
}

/* Calendar styling */

.air-datepicker--content .air-datepicker-body--day-name {
    color: #000;
    font-weight: bold;
}

.air-datepicker--content .air-datepicker-header {
    color: #000;
}

.air-datepicker--content .air-datepicker-title {
    color: #000;
}

/* 🌑 Default dark theme */
.air-datepicker-time {
    background-color: #000;
    color: #fff;
}

.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after {
    background: #f55d5d!important;
}



.leftside {
    margin-bottom: 50px;
}